<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>404 Not Found</title>
    <link rel="shortcut icon" href="images/flower.png">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
    <style>
        :root {
            --main-color: rgb(69, 123, 39);
            --accent: rgb(69, 123, 39);
            /*--selected-focus-bg-color: rgb(69, 123, 39);*/
        }
    </style>
</head>
<body>
<header style="background-color: rgb(69, 123, 39)">
    <h1>404 Not Found</h1>
    <h3>😅</h3>
</header>

<main>
    <p><strong>抱歉，您遇到了页面错误。您可以点击返回上一级页面：<a href="javascript:history.back(-1)">🔙返回</a>.</strong></p>
    <p></p>

    <form>
        <p>如果您愿意报告错误：</p>
        <p>
            <label>您的设备</label><br>
            <select>
                <option selected="selected" value="1">Windows</option>
                <option value="2">MacOS</option>
                <option value="3">Ios</option>
                <option value="3">Android</option>
                <option value="3">Others</option>
            </select>
        </p>

        <p>
            <label>您的应用</label><br>
            <label><input checked="checked" name="type" type="radio" value="chrome" /> Google Chrome</label> <br />
            <label><input name="type" type="radio" value="safari" /> Apple Safari</label> <br />
            <label><input name="type" type="radio" value="safari" /> Microsoft Edge</label> <br />
            <label><input name="type" type="radio" value="ie" /> Internet Explorer</label><br />
            <label><input name="type" type="radio" value="others" /> Others</label>
        </p>

        <p>
            <label>如何称呼</label><br>
            <input type="text" name="first_name">
        </p>

        <p>
            <label>Email</label><br>
            <input type="email" name="email" required="">
        </p>

        <p>
            <label>其他建议</label><br>
            <textarea rows="5"></textarea>
        </p>

        <p>
            <label>
                <input type="checkbox" id="checkbox" value="terms">
                我同意 <a href="#">隐私协议</a>
            </label>
        </p>

        <button>发送</button>
        <button type="reset">重置</button>
    </form>
</main>

<footer>
    <p>Sooooooo nice food!</p>
    <p>Designed by <a target="" href="https://user.qzone.qq.com/87403565" style="text-decoration: none">hui~</a></p>
</footer>
</body>
</html>